header{
    display: flex;
    height: 0.96rem;
    width: 7.5rem;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top:0;
    z-index: 2;
    background-color:#F7F5EF;;

}
header .middle{
    height: 0.58rem;
    width:5.47rem;
    background:rgba(255,255,255,1);
    border-radius:0.1rem;
    display: flex;
    align-items: center;
}

header .left{
    font-size: 0.30rem;
    margin-left: 0.12rem;
}
header .middle .text{
    font-size: 0.24rem;
    color:hsla(0, 0%, 60%, 1);
    margin-left: 0.30rem;
}


header .middle .search{
    background-image: url("../../home-page/img/sousuo@2x.png");
    height: 0.27rem;
    width:0.27rem;
    background-size: cover;
    color: hsla(0, 0%, 60%, 1);
    margin-left: 0.17rem;
}
header .right{
    background-image: url("../../home-page/img/xiaoxi@2x.png");
    height:0.35rem;
    width:0.35rem;
    background-size: cover;
    margin-right: 0.28rem;
}

.nav {
    height:0.76rem;
    width:7.5rem;
    margin-top:1rem;
    display: flex;
    position: relative;
    justify-content: space-between;
}
.nav .left{
    width:3.30rem;
    height:0.76rem;
    color: #FFFFFF;
    background-color:hsla(26, 42%, 47%, 1);
    font-size: 0.30rem;
    border-radius:0.1rem 0.1rem 0 0;
    align-items: center;
    display: flex;
    margin-left: 0.36rem;
}

.nav .text-left{
    text-align: center;
    width: 3.30rem;
}
.nav .right-wrapper{
    position: absolute;
    bottom: 0;
    height: 0.52rem;
    right: 0;
}
.nav .right {
    height:0.52rem;
    color:hsla(31, 89%, 22%, 1);
    font-size: 0.28rem;
    width:3.29rem;
    background:rgba(255,255,255,1);
    border-radius:0.1rem 0.1rem 0 0;
    margin-right: 0.36rem;
    display: flex;
    text-align: center;
    align-items: center;
}
.nav .text-right{
    width:100%;
}

main{
    display:flex;
}

main .pet-left a{
    height:1.02rem;
    width:1.89rem;
    text-align: center;
    line-height: 1.02rem;
    color: rgba(255, 255, 255, 1);
}
main .pet-left .back{
    background-color: rgba(255, 255, 255, 1);
    color: rgba(106, 57, 6, 1);
    display: flex;

}
main .pet-left .back::before{
    content: '';
    display: block;
    width:0.08rem;
    height:0.91rem;
    background:rgba(106,57,6,1);
    margin-right:0.25rem;
}

main .pet-left{
    height:10.02rem;
    width:1.89rem;
    font-size:0.30rem;
    background-color: RGBA(211, 163, 126, 1);

}
main .pet-right{
    box-sizing: border-box;

}

main .pet-right .banner{
    height:0.4rem;
    width:5.61rem;
    font-size: 0.34rem;
    color:rgba(211, 163, 126, 1);
}
main .pet-right .per-wrapper{
    display: flex;
    justify-content: space-between;
    height: 5rem;
    margin-top: 0.3rem;
    flex-wrap: wrap;
    box-sizing: border-box;
}
main .pet-right .per-wrapper:nth-child(3){
    margin-right: 0.35rem;
}
main .pet-right .per-wrapper:nth-child(6){
    margin-left: 0.35rem;
}
main .pet-right .per-wrapper:nth-child(1){
    margin-left: 0.29rem;
}
main .pet-right .per-wrapper:nth-child(4){
    margin-left: 0.29rem;
}
main .pet-right .text-4{
    margin-top:0.3rem;
    margin-left: 0.30rem;

}
main .pet-right .mar-bottom{
    margin-bottom: 20px;
}
main .pet-right .content{
    height:1.85rem;
    width:1.44rem;
    font-size:0.30rem;
    text-align: center;
}
main .pet-right .img-5{
    background-image: url("../img/maolaing.png");
    height:1.52rem;
    width:1.44rem;
    background-size: cover;
}
main .pet-right .mar-right{
    margin-right: 0.35rem;
}


footer {
    height:0.98rem;
    width:7.5rem;
    background:rgba(255,255,255,1);
    box-shadow:0 -0.05rem 0.1rem 0 rgba(173,173,173,0.11);
    color:hsla(31, 89%, 22%, 1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0;
}
footer .text-3{
    font-size: 0.2rem;
    margin-top: 0.1rem;
}

footer .content-2{
    height: 0.70rem;
    width: 0.40rem;
    margin-left: 0.76rem;
}
footer .content-2.margin-right{
    margin-right: 0.79rem;
}
footer .img-2{
    background-image: url("../../home-page/img/jingxuan(2)@2x.png");
    width:0.36rem;
    height:0.30rem;
    background-repeat: no-repeat;
    background-size: cover;
}